{extend name="public/base" /}
{block name="title"}系统安装Step4{/block}
{block name="nav"}
<li><a href="javascript:;">安装协议</a></li>
<li><a href="javascript:;">参数设置</a></li>
<li><a href="javascript:;">环境检测</a></li>
<li class="active"><a href="javascript:;">开始安装</a></li>
<li><a href="javascript:;">安装完成</a></li>
{/block}
{block name="main"}
<style>
    .install-database {
        height: 500px;
        max-height: 500px;
        overflow-y: scroll;
    }
    .install-database p{
        padding: 15px;
    }
</style>
<div class="panel panel-default">
    <div class="panel-heading">{:config('PRODUCT_NAME')} 开始安装</div>
    <div class="panel-body" style="font-size: 14px">
        <div id="show-list" class="install-database">
        </div>
        <script type="text/javascript">
            var list   = document.getElementById('show-list');
            function showMsg(msg, classname){
                var li = document.createElement('p');
                li.innerHTML = msg;
                classname && li.setAttribute('class', 'bg-' + classname);
                list.appendChild(li);
                document.scrollTop += 30;
            }
        </script>
        <button class="btn btn-warning btn-block" disabled>正在安装，请稍后...</button>
    </div>
</div>
{/block}